﻿.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span12 {
    width:980px;
}

hr {
    border-top-color:#ddd;
}

.subhead {
    margin: 40px auto;
    padding: 20px initial;
}

.container-bg {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom:20px;   
    border-top: 1px solid #eee; 
    overflow:hidden;
    box-sizing: border-box;
    min-height: 600px;
}

label {
    white-space: nowrap;
}

.top10 {
    margin-top:10px;
}

.top20 {
    margin-top:20px;
}

.top40 {
    margin-top:40px;
    margin-bottom:40px;
}

.top80 {
    margin-top:80px;
    margin-bottom:40px;
}

.bottom20 {
    margin-bottom:20px;
}

.left20 {
    margin-left:20px;
}

.right20 {
    margin-right:20px;
}

.jumbotron {
    text-align:center;
    padding:20px 0;
}

.jumbotron h1 {
    font-size:72px;
    line-height:1;
}

.header {
    background-color:#eee;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.show-grid [class*="span"] {
    line-height: 20px;
}

.span-title {    
    height:40px;
    text-align:center;
    line-height:40px;    
    margin-bottom:5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.span-title-link {  
    text-align:center;
    font-weight:bold;
    font-size:12pt; 
    color:#fff;
}

.span-title-link:hover {
    color:#fff;
}

.dlfix,.spanfix  {
    margin-top:10px;
}

.dlfix dt {
    text-align: left;
}

.dt-link {
    color:#333;
}

.dlfix dd {
    height:20px;
    margin:0 0 10px;    
}

.dlfix dd, .company-list li, .toplist li, .hotlife-list li, .spanfix li {
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
}

.dd-link {
    margin-right:5px;
    color:#999;
    font-size:10pt;
}

    .dd-link:hover,.dt-link:hover {
        color:#0088cc;        
    }

.content-list .span12 {
    margin-left:0;
}

.company-list {
    margin-top:8px;
    padding-left:10px;    
}

.company-list li {
    padding:0 0 10px 5px;
    list-style-type:disc;
}

.dropdownfix {
    width:98px;
    margin-right:5px;
}

.spanfix li {
    width:15%;
    height:32.5px;
    line-height:32.5px;
    border:1px dotted #dedede;
}

.spanfix .icon-play, .toplist .icon-play{
    opacity: .5;
}

.icon-solid {
    background-color:#D14836;
    width:14px;
    height:14px;
    margin-right:10px;
    text-align:center;
    color:#fff;
    font-size:6pt;
}

.s-orange {
    background-color:#f89406;
}

.s-blue {
    background-color:#0088cc;
}

.t-red {
    color:#DD390D;
}

.t-blue {
    color:#4183c4;
}

.t-white {
    color:#fff;
}

.topline {
    padding:0 0 20px;
}

.topline-img {
    width:310px;
    height:250px;
}

.g-title {
    padding-left:10px;
    margin:10px;
}

.diet {
    padding:10px;
}

.margin-left-clear, .diet {
    margin-left:0;
}

.padding-lr-clear {
    padding-left:0;
    padding-right:0;
}

.padding-lr10 {
    padding-left:10px;
    padding-right:10px;
}

.padding-t10 {
    padding-top:10px;
}

.filter th {
    height:20px;
    line-height:20px;
}

.filter select {
    width:70px;
    margin-bottom:0;
    font-weight:bold;
    border:0;
    padding:0;
    height:20px;
}

.form-signin {
    max-width: 300px;
    padding: 19px 29px 39px;
    margin: 80px auto 90px;
    background-color: #fff;
    border: 1px solid #e5e5e5;   
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.form-title {
    padding-left:30px;
}

.form-signup .control-label {
    width:130px;
}

.form-signup .controls {
    margin-left:150px;
}

.signup-list {
    margin:100px 0 0 130px;
    list-style:none;
}

    .signup-list li {
        margin-bottom:15px;
    }

.article-content {
    padding:0 40px 0 20px;
}

.toplist li {
    height:32.5px;    
    line-height:32.5px;
}

.hotlife-list li a {
    display:block;
    padding:8px 0;
    color:#333;
    text-decoration:none;
}

.pagination a {
    font-weight:bold;
}

.only-vertical-resize {
    resize:vertical;
}

.english-list {
        margin: 0;
        width:100%;
        overflow:auto;
}

    .english-list li {            
        list-style: none;
        margin-right: 30px;
        width:15%;
    }

.tabs-left>.nav-tabs {
    margin-left: 10%;
    margin-top: 80px;
    margin-right:0;
    float:none;
}

.border {
    border: 1px solid #e1e1e8;
}

.tab-body {
    width: 85%;
}

.footer {    
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 1px solid #e5e5e5;
    background-color: #1b1b1b;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 255, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 255, 0.1);
}

.tabs-left > .nav-tabs > li > a {  
    min-width: 55px;  
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.control-label:before {
    color:#b94a48;
    font-size:16px;
    margin-right:2px;
    content:attr(important);
}

.form-signin .input-prepend {
    width:91%;
}

.form-signin .field-validation-error {
    display:block;
}

.form-signin .control-group {
    margin-bottom:10px;
}

.form-publish .input-append input[type='text'] {
    width:180px;
}

.form-publish .input-append {
    display:block;
}

.label,.modal,.input-append input, .input-append select, .input-append .uneditable-input,.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle,.alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;    
}

.add-on a {
    text-decoration:none;
}

.dpm-list span {
    color:#fff;
    font-size:14px;
    padding:4px 8px;
    margin-right:10px;
    white-space:nowrap;
    word-break:keep-all;
}

.help-inline {
    color:#999;
}

.job-list {
    min-height:500px;
}

    .job-list input[type='checkbox'] {
        margin:0;
    }

.job-list table a {
    margin-right:10px;
}

.contacts-list td {
    padding:5px 0;
}

.title-website-name {
    position:absolute;
    right:5px;
    top:30px;
    color:#f6f6f6;
    font-size:100pt;
    z-index:1;
}

#resume_Letter {
    resize:vertical;
    height:300px;
}

.hot-list img {    
    height:180px;
}

.hot-list li a {
    color:#333;
    font-size:14px;
    height:35px;
    line-height:35px;
    text-decoration:none;
    text-overflow:ellipsis;    
    overflow:hidden;
    white-space:nowrap;
	*white-space:nowrap;
}

    .hot-list li a:hover,.hotlife-list li a:hover  {
        background-color:#D14836;
        color:#fff;
        padding-left:10px;
    }

.yahei-red-title {
    background-color:#D14836;
    color:#fff;
    padding:0 10px;
    height:35px;
    font-size:14pt;
    text-align:center;
    line-height:35px;
    letter-spacing:2px;
    margin-top:0;    
    display:inline-block;
}

/* Button 
-----------------------------------------------------------*/
.cbtn {
    background-color: #E6E6E6;
    border-radius: 2px;
    display: inline-block;
    padding: 5px 18px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    font-weight:bold;
    vertical-align: middle;
    cursor: pointer;
    color: #444;
    outline:0;
    border:0 transparent;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: .1s linear -webkit-box-shadow;
    -moz-transition: .1s linear -moz-box-shadow;
    -ms-transition: .1s linear box-shadow;
    -o-transition: .1s linear box-shadow;
    transition: .1s linear box-shadow;
}

    .cbtn:hover, .cbtn:focus {        
        text-decoration:none;
        color: #444;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0, 0, 0, .05)),to(rgba(0, 0, 0, .1)));
        background-image: -webkit-linear-gradient(transparent,rgba(0, 0, 0, .05) 40%,rgba(0, 0, 0, .1));
        background-image: -moz-linear-gradient(top,rgba(0, 0, 0, .05) 0,rgba(0, 0, 0, .1));
        background-image: -ms-linear-gradient(transparent,rgba(0, 0, 0, .05) 40%,rgba(0, 0, 0, .1));
        background-image: -o-linear-gradient(transparent,rgba(0, 0, 0, .05) 40%,rgba(0, 0, 0, .1));
        background-image: linear-gradient(transparent,rgba(0, 0, 0, .05) 40%,rgba(0, 0, 0, .1));
    }

.cbtn.disabled,.cbtn[disabled] {
	cursor:default;
	background-image:none;
	opacity:.65;
	filter:alpha(opacity=65);
    cursor:not-allowed;
}

.cbtn-large {
    font-weight:600;
    font-size:18px;
    padding:11px 19px;
}

.cbtn-small {
    padding: 5px;
    font-size: 11.9px;
}

.cbtn-mini {
    padding: 3px;
    font-size: 10.5px;
}

.cbtn-primary, .cbtn-primary:hover, .cbtn-success, .cbtn-success:hover, .cbtn-info, .cbtn-info:hover, .cbtn-warning, .cbtn-warning:hover, .cbtn-danger, .cbtn-danger:hover {
    color:#fff;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.cbtn-primary {    
    background-color:#0078e7;
}

.cbtn-success {
    background-color: #1CB841;
}   

.cbtn-info {
    background-color: #42B8DD;
}    

.cbtn-warning {
    background-color: #DF7514;
}    

.cbtn-danger {
    background-color: #da4f49;
}    

.cbtn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{    
    color: #b94a48;    
    font-size:9pt;
    padding-left:5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.field-validation-valid
{  
    margin-bottom:10px;
}

.input-validation-error
{
    border: 1px solid #b94a48 !important;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
